{% extends 'layout.html.twig' %}

{%- block title -%}
  {{'admin.classroom_manage.create.title'|trans({'%name%':setting('classroom.name')|default('classroom'|trans)})}} - {{ parent() }}
{%- endblock -%}

{% do script(['libs/jquery-validation.js', 'libs/select2.js', 'app/js/classroom/create/index.js']) %}

{% block content %}
<div class="row">
  <div class="col-md-offset-2 col-md-8">
    <div class="panel panel-default panel-page">
      <div class="panel-heading"><h2>{{'admin.classroom_manage.create.title'|trans({'%name%':setting('classroom.name')|default('classroom'|trans)})}}</h2></div>

        <form id="classroom-create-form" class="form-horizontal" method="post">

          {{ web_macro.flash_messages() }}

          <div class="form-group">
            <div class="col-md-3 control-label">
              <label for="classroom_title" class="required">{{'admin.classroom_manage.create.name_label'|trans({'%name%':setting('classroom.name')|default('classroom'|trans)})}}</label>
            </div>
            <div class="col-md-8 controls">
              <input type="text" id="classroom_title" name="title" required="required" class="form-control" data-widget-cid="widget-1" data-explain="">
            </div>
          </div>

          {% include 'org/org-tree-select-webpack.html.twig' with {lablecolmd:3} %}

          <div class="form-group">
            <div class="col-md-offset-3 col-md-8 controls">
              <button id="classroom-create-btn" data-loading-text="{{'form.btn.create.submiting'|trans}}" class="btn btn-fat btn-primary" type="button">{{'admin.classroom_manage.create'|trans}}</button>
            </div>
          </div>

          <input type="hidden" name="_csrf_token" value="{{ csrf_token('site') }}">

        </form>

    </div>
  </div>
</div>
{% endblock %}